<ion-header>
  <ion-navbar no-border-bottom>
    <button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>上机情况</ion-title>
  </ion-navbar>


</ion-header>

<ion-content>

  <ion-list>

    <ion-list-header [hidden]="onlineList.length > 0">
      当前没有上机机器
    </ion-list-header>

    <ion-card *ngFor="let machine of onlineList" (click)="goToMachineDetail(machine)">
      <ion-card-content style="padding:0px;">
        <ion-item no-lines>
          <ion-thumbnail item-left>
            <img src="img/appicon.png">
          </ion-thumbnail>
          <h2 style="font-weight: bold;color:#0c60ee">{{machine.name}}</h2>
          <div style="font-size: 14px;">
            <p>上机时间：{{machine.beginTime}}</p>
            <p>下机时间：{{machine.endTime}}</p>
            <p>上机客户：{{machine.client}}</p>
          </div>
        </ion-item>

        <!--<div>
          <ion-label style="color:#000000;">上机时间：</ion-label>
          <ion-label >{{machine.beginTime}}</ion-label>
        </div>

        <div>
          <ion-label style="color:#000000;">下机时间：</ion-label>
          <ion-label >{{machine.endTime}}</ion-label>
        </div>

        <div>
          <ion-label style="color:#000000;">客户：</ion-label>
          <ion-label >{{machine.client}}</ion-label>
        </div>-->

      </ion-card-content>
    </ion-card>

  </ion-list>


</ion-content>
